<template>
  <div class="logic-flow-view">
    <IngeniousDesigner ref='designer' :highLight="highLight" :viewer="true"  v-model="modelData"/>

  </div>
</template>


<script lang="ts">
import IngeniousDesigner from '../components/ingenious/index.vue'
// 定义组件名称
export default {
    name: 'PreviewViews',
}
</script>

<script setup lang="ts">
//@ts-ignore
import modelData from '../assets/data.json';
const highLight ={
        historyNodeNames: [
          '1cd696b0-1ae9-42a0-b56e-634cc174f47d',
          '94b3ab91-2381-4433-bf84-d903b0374197',
          '5408fdfc-a7c9-4b29-b87d-f04b8af9fe91'
        ],
        historyEdgeNames: [
          '1279dc4c-375e-45f4-a54e-4e9c260d9914',
          'd85973b4-b339-4a0e-bbb8-0e08c4fa5be9',
          '272c4011-ee82-4e27-a74a-917003135e8c',
          '0a58659d-9aa7-4a40-be2d-962271c1f5f8'
        ],
        activeNodeNames: [
          'abcf3d50-fc7e-40e6-9cc1-7611dd1aa851'
        ]
      }
</script>

<style scoped>
.logic-flow-view {
  height: 100vh;
  position: relative;
}
</style>
